.zhibiao-legend .zb-item {
    background-color:#FFF!important;
  }
    .zhibiao-legend .disable{
        background-color: #efefef !important;
    border-color: #cccccc !important;
    color:#666666 !important;
    }
  .highcharts-legend {display:none;}
  body {max-width:100%;}
  .order-hd-title a {text-decoration:none;color:#333333;}
  .aqi-tables tbody td.date small {line-height:normal;}
  #month-select,.month-select{
    outline: none;
  }
  .order-bd tfoot td{
    font-size: 0.5rem;
    text-align: left;
    color: #666666;
  }
  i.targetNum{color: #666666!important;font-size:0.5rem!important;}
  #sorttable tr td{
    font-size: 0.6rem;
  }
    .aqi-map{
        position: relative;
        width: 100%;
        height: 20rem;
        background-color: #F9F9F9;
        margin-bottom: 2rem;
    }
    #chart-1{
        padding-left:30px;
    }
    #chart-1 svg{
        margin: 0 auto;
    }
    #chart-1-title{
       font-size:0.6rem;
       color: #9a9a9a;
       line-height: 1.2rem;
       margin-top: 32%;
    }
    .higcolor{
        color:#41B551;
        /*font-size: 0.7rem;                 */
    }
    .equcolor{
        color:#2771B2;
        /*font-size: 0.7rem;  */
    }
    .lowcolor{
        color:#ff6000;
        font-size: 0.8rem;  
    }
.map-btns{
  color: #ffffff;
  font-size: 0.7rem;
  padding:0.3rem;
  min-width: 60%;
  max-width: 60%;
  margin: 0 auto;
}
.map-btns span{
  padding: 0.3rem 0;
  text-align: center;
  background-color: #ffffff;
  color: #21AC3C;
  border:1px solid #21AC3C;
  height: 1.3rem;
  cursor: pointer;
}
.map-btns span:first-child{
  border-radius: 5px 0 0 5px;
}
.map-btns span:last-child{
  border-radius: 0 5px 5px 0;
  border-left-width: 0;
}
.map-btns span.active{
  color: #ffffff;
  background-color: #21AC3C;
}
.aqi-map{
  /*position: absolute;
  top: 0rem;
  bottom: 2.2rem;
  left: 0;*/
  position: relative;
  width: 100%;
  height: 20rem;
  background-color: #F9F9F9;
  margin-bottom: 2rem;
}
#readline-map{
  bottom: 0rem;
}
#allmap{width: 100%;height: 100%;overflow: hidden;}
#maptap{
  position: absolute;
  z-index: 99;
  bottom: 2.2rem;
  right: 0;
  width: 100%;
  background-color: #444343;
  padding: 0.25rem 2rem;
  min-width: 100%;
  max-width: 100%;
}
#maptap span{
  text-align: center;
  font-size: 0.5rem;
  color: #eeeeee;
  border-color: #2E2E2E;
  background-color: #6E6E6E;
  cursor: pointer;
}
#maptap span.active{
  color: #ffffff;
  background-color: #008DFF;
}
.map-btns span:first-child{
  border-radius: 5px 0 0 5px;
  border-right-width: 0;
}
.map-btns span:last-child{
  border-radius: 0 5px 5px 0;
  border-left-width: 0;
}
.wr-chat{
  background: #fff;
  overflow: hidden;
}
.left-chart{
  float: left;
  width: 55%;
}
#chart-1{
  width: 100%;
  height: 10rem;
}
.right-info{
  float: left;
  margin-left: 2%;
  width: 43%;
}
#chart-1-title .days{
  font-size: 1rem;
  color: #ff6000;
  font-weight: 500;
}
#chart-1-title .old_year{
  font-size: 1rem;
  color: #09c900;
  font-weight: 500;
}